<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* explore page */

.page-explore section.collection {
	padding:20px;
	border-radius:5px;
}

.page-explore section.collection:nth-child(even) {
	background-color:#fcfdfd;
	border-bottom: 1px solid #f7f9f9;
	border-top: 1px solid #f7f9f9;
}

.page-explore section.collection:nth-child(even) .article__hero_focus .article-meta {
	background-color:#fcfdfd;
}

.page-explore .collection-nav,
.page-explore .collection-items {
	max-width:1300px;
	margin: auto;
	display:flex;
}

.page-explore .collection-items {
	flex-wrap: wrap;
}

.page-explore .collection-nav {
	border-bottom:1px solid #F7F9F9;
	margin: 0 auto 25px;
	padding: 10px 0 20px;
}

.page-explore .collection-cta {
	width:100%;
	display:none;
	justify-content: flex-end;
	align-items: center;
}

@media (min-width: 767px) {
	.page-explore .collection-cta {
		display:flex;
	}
}

.page-explore .collection-cta-more,
.page-explore .collection-cta-rss {
	display:flex;
	margin:0 0 0 15px;
	align-items: center;
	justify-content: center;
}

.page-explore .collection-cta-more {
	order:2;
	border-radius:5px;
}

.page-explore .collection-cta-rss {
	order:1;
	max-width: 80px;
	color:#fff;
	width:30px;
	height:30px;
	background: url(/static/icons/rss-orange.svg) no-repeat center center;
	background-size:30px;
	align-self: center;
	display:block;
	margin:10px 0;
	/* Hide the text. */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.page-explore .collection-header {
	display: flex;
	margin: 0;
	align-items: center;
	width: 100%;
}

.page-explore .collection-header .title {
	display:inline-block;
}

.page-explore .collection-header .icon {
	display: inline-block;
	margin-right:20px;
}

.page-explore .collection-header .icon img {
	border-radius:50%;
}

.page-explore .collection-header h2 {
	font-family:'Montserrat';
	font-weight: bold;
	display: inline-block;
	margin:0;
	font-size: 23px;
}

@media (min-width: 767px) {
	.page-explore .collection-header h2 {
		font-size: 30px;
	}
}

.page-explore .collection-header h3 {
	font-size:16px;
	display:block;
	margin:4px 0 0;
}

.page-explore .howto .collection-header {
	color: #F39C0F;
}

.page-explore .hacker .collection-header {
	color: #01B0F0;
}

.page-explore .projects .collection-header {
	color: #122635;
}

.page-explore .education .collection-header {
	color: #F04A24;
}

.page-explore .techbreakdown .collection-header {
	color: #2ECC70;
}

.page-explore .mattercontrol .collection-header {
	color: #46C2C3;
}

.page-explore .press .collection-header {
	color: #344A5F;
}

@media (min-width: 767px) {
	.page-explore .education .alpha,
	.page-explore .education .omega {
		margin-top:10vh;
	}

	.page-explore .projects .alpha,
	.page-explore .projects .omega {
		margin-bottom:20px;
	}
}

.page-explore .mattercontrol .article__row_thumb .article-description {
	display:none;
}

.page-explore .btn {
	transition: all 0.2s ease-out;
	display: block;
	margin: 30px auto 15px;
	color: #fff;
	background: #2980B9;
	border: 2px solid #2980b9;
	font-weight:bold;
	padding: 8px 45px;
	max-width: 300px;
	border-radius:5px;
}

.page-explore a.btn:hover {
	color:#2980B9;
	background: transparent;
}

/* default article styles */

.page-explore .article-single {
	display:block;
	width:100%;
	margin-bottom:20px;
}

@media (min-width: 767px) {
	.page-explore .article-single {
		margin-bottom:20px;
	}
}

.page-explore .article-single .article-title {
	color: rgb(84, 84, 84);
}

.page-explore .article-single a:hover .article-title {
	color: #065798;
}

.page-explore .article-single a:hover .article-preview-cta {
	border-bottom:1px solid #F39C0F;
}

.page-explore .article-single.article__row {
	margin-bottom:0;
}

.page-explore .article-preview {
	margin:10px 0 20px;
	display:none;
}

.page-explore .article-preview-cta {
	color: #F39C0F;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin: 0 0 0 6px;
	border-bottom:1px solid transparent;
}

.page-explore .article-title {
	font-family: 'Montserrat';
	font-weight:bold;
	color:#2B3D4F;
	display:inline;
	letter-spacing: -0.03em;
	line-height: 1.3;
	border-bottom:1px solid transparent;
}

.page-explore .article-hero,
.page-explore .article-thumb {
	transition: all 0.2s ease-out;
}

.page-explore .article-single a {
	color: grey;
}

.page-explore .article-single a:hover {
	text-decoration:none;
}

.page-explore .article-single a:hover .article-title {
	border-bottom:1px solid #AEB7BF;
}

.page-explore .article-single a:hover .article-hero,
.page-explore .article-single a:hover .article-thumb {
	opacity:0.7;
}

.page-explore .article-thumb {
	margin:5px 15px 5px 0;
}

.page-explore .article-thumb img {
	width:65px;
	height:65px;
	display:block;
	overflow:hidden;
	border-radius:3px;
}

.page-explore .article-meta {
	display:block;
}

.page-explore .article-byline {
	color: #868686;
	font-size:12px;
}

.page-explore .article-single span.link {
	color: #344A5F;
	text-decoration:underline;
	margin:0 5px;
	font-weight:bold;
}

/* hero layout */

.article__hero .article-title,
.article__hero_focus .article-title {
	font-size:20px;
	margin:10px 0 2px;
}

.page-explore .article__hero_focus .article-title {
	font-size:23px;
}

.article__hero .article-hero,
.article__hero_focus .article-hero {
	width: 100%;
	margin-top: 5px;
	display: block;
	position: relative;
	height: 0;
	padding: 41.5% 0 0 0;
	overflow: hidden;
	border-radius: 5px;
	background-size: cover;
}

.article__hero .article-meta,
.article__hero_focus .article-meta {
	display:block;
	margin:10px 0;
}

.article__hero_focus .article-meta {
	background: #fff;
	z-index: 12;
	position: relative;
	border-top-right-radius:3px;
}

@media (min-width: 767px) {
	.article__hero_focus .article-meta {
		padding: 25px;
		margin-top: -50px;
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}
}

.article__hero .article-byline,
.article__hero_focus .article-byline {
	margin: 5px 0 7px;
}

.article__hero .article-byline,
.article__hero_focus .article-byline {
	display:none;
}

.article__hero .article-description,
.article__hero_focus .article-description {
	margin:7px 0 0;
}

.article__hero_focus .article-description {
	font-style: italic;
}

.article__hero_focus .article-preview {
	display:block;
}

/* row thumb */

.article__row_thumb .article-hero {
	width:65px;
	height:65px;
	background-size:cover;
	display: inline-block;
	margin-right:20px;
	border-radius:3px;
	float:left;
}

.article__row .article-title,
.article__row_thumb .article-title {
	font-weight:normal;
}

.article__row .article-meta,
.article__row_thumb .article-meta {
	display:inline-block;
}

.article__row .article-byline,
.article__row_thumb .article-byline {
	display:none;
}

.article__row a,
.article__row_thumb a {
	display:flex;
	padding:5px 0;
	border-top: 1px solid #f7f9f9;
}

.article__row a {
	align-items: center;
}

.article__row_thumb a {
	align-items: flex-start;
}

/* row date */

.article__row_date {
	margin:16px auto;
}

.article__row_date .article-date {
	margin-bottom:6px;
}

.article__row_date .article-title {
	font-size:17px;
}

/* cards */

.article__card_hero {
	text-align: center;
	margin:0 0 15px;
	border:1px solid #f7f9f9;
}

.article__card_hero .article-description {
	display:none;
}

.article__card_hero .article-meta {
	padding:20px;
}

.article__card_hero .article-hero {
	width: 100%;
	display: block;
	position: relative;
	height: 0;
	padding: 41.5% 0 0 0;
	overflow: hidden;
	border-radius: 5px;
	background-size: cover;
}

.article__card_hero .article-title {
	display: inline-block;
	font-size:19px;
}


@media (min-width: 767px) {
	.article__card_hero .article-title {
		display:inline;
	}
}

.article__card_hero a:hover .article-title {
	border-bottom-color:transparent;
}</pre></body></html>